<template>
  <div>
    <el-row>
      <el-col :xs=1 :sm=3>&nbsp;</el-col>
      <el-col :xs=22 :sm=18>
        <h2>{{details.title}}</h2>
        <h6><span>{{details.createTime}}  </span><span>{{details.auth}}</span></h6>
        <img v-if="details.img" :src="details.img" alt="">
        <p v-html="details.details"></p>
      </el-col>
      <el-col :xs=1 :sm=3>&nbsp;</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data () {
    return {
      headerImg: require('@/assets/images/index/77.jpg'),
      details: {}
    }
  },
  created () {
    this.details = this.$route.params.cont
    console.log(this.$route.params.cont)
    console.log(this.details)
  }
}
</script>

<style scoped>
 h2,h6{
   text-align: center;
 }
 img{
   width: 50%;
   display: block;
   margin: 0 auto;

 }
</style>
